@charset "utf-8";
/* CSS Document */
body{ padding::0; margin:0; font-family: "微软雅黑"; font-size:14px; color:#636363;}
div,h1,h2,h3,h4,ul,li,dl,dt,dd,img,p,input,a,span,ol{ margin:0; padding:0; border:0; list-style:none;}
a:link,a:visited{ text-decoration:none; color:#000;}
a:hover{ text-decoration:none;color:#0063af;}
label, input, button, select, textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}
.left{
	float: left;
}
.right{
	float: right;
}
.clear{clear: both;}
/* head */
.head{
	width: 100%;
	height: 83px;
}

.head_iner{
	width: 1200px;
	height: 83px;
	margin:0 auto;
	font-size: 14px;
	overflow: hidden;
}
.head_iner .logo{
	float: left;
	width: 110px;
	height: 83px;
	overflow: hidden;
}
.head_iner .nav {
   float: right;
   height: 17px;
   margin-top: 44px;
   color: #000;
   font-weight: bold;
   overflow: hidden;
}
.head_iner .nav li{
	float: left;
	margin-left: 35px;
}
.head_iner .nav li a{
	color: #000;
}
/* banner */
.banner{
	position: relative;
	width: 100%;
	height:490px;
	overflow: hidden;
}
.banner ul li{
	cursor:pointer;
	width: 100%;
	height: 490px;
	overflow:hidden;
	text-align: center;
	 }
 .banner img{
 	min-width: 1920px;
	height: 100%;
	overflow: hidden;
} 
.banner ol{
	position: absolute;
	left: 0;
	width: 100%;
	height: 20px;
	bottom: 20px;
	text-align: center;
	}
.banner ol li{
	display: inline-block;
	width:15px; 
	height:15px; 
	border-radius: 50%;
	background:#FFF;
	margin-left:10px;
	cursor:pointer;
}
.banner ol li.current{ 
	background:#ccc; 
}
/* detail */
.detail{
	width: 1200px;
	margin:0 auto;
	padding-bottom: 25px;
	overflow: hidden;
	
}
#tab .box{
	display: none;
}
#tab .active{
	display:block;
}
#tab_nav {
	width: 1200px;
	height: 45px;
	overflow: hidden;
}
#tab_nav span{
	float: left;
	cursor: pointer;
	font-size: 16px;
	text-align: center;
	width: 297px;
	height: 45px;
	line-height: 45px;
	background: #f1f1f1;
	border-right: 3px solid #fefefe;
	display: inline-block;
}
#tab_nav span.active{
	background: #7d8699;
	color: #fff;
}
/* tab */
.pic_detail{
	width: 1200px;
	height: 520px;
	margin-top: 40px;
	padding-bottom: 35px;
	border-bottom: 1px solid #000;
	overflow: hidden;
}
.tab_pic{
	float: left;
	width: 478px;
	height: 520px;
}
.pic_big{
	position: relative;
	width: 475px;
	height: 395px;
	overflow: hidden;
	border:1px solid #e1e1e1;
}
.pic_big p{
	display: none;
}
.pic_big p.cur{
	display: block;
}
.pic_s{
	margin-top: 6px;
}
.pic_s li{
	cursor: pointer;
	float: left;
	margin-right: 7px;
	width: 110px;
	height: 111px;
	border:1px solid #e1e1e1;
	overflow: hidden;
}
.pic_s .cur{
	border:1px solid #a4a4a4;
	width: 111px;
}
.tab_detail{
	float: right;
	margin-top: 56px;
	width: 418px;
	color: #000;
	font-weight: bold;
	overflow: hidden;
}
.tab_detail .title{
 	font-size: 16px;
 	height: 38px;	
}
.tab_detail .titel_des{
	font-size: 12px;	
	height: 22px;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #000;
}
.tab_detail .titel_des1{
border-bottom: none;
}
.tab_detail .titel_des2{
font-size: 12px;	
}
.titel_des2 {
	height: 18px;
}
.titel_des3{
	margin-top: 80px;
	cursor: pointer;
	width: 116px;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	text-align: center;
	font-size: 16px;
	background: #d7d7d7;
}
.margin35{
	margin-left: 35px;
}
.marin72{
	margin-left: 72px;
}

.tab_detail .title1{
 	margin-top: 30px;
}
.tab_detail .title1{
 	margin-top: 30px;
}
/*  */
.detail_1{
	padding:45px 0 0 94px;
	font-weight: bold;
}
.detail_1 .left{
	position: relative;
}
.detail_1 .left h1{
	font-size: 14px;
	margin-top:72px;
	height: 29px;
	line-height: 29px;
	margin-bottom: 51px;
}
.detail_1 .left .des{
	position: absolute;
	left:136px;
	top: 138px;
	width: 190px;
	height: 130px;
	line-height: 26px;
}
.detail_1 .right{
	margin-right: 139px;
}
.detail_2{
	padding-left: 94px;
	height: 375px;
	font-weight: bold;
}

.detail_2 .left h1{
	font-size: 14px;
	margin-top: 124px;
	margin-left: 54px;
	height: 35px;
	line-height: 35px;

}
.detail_2 .left .des{
	width: 335px;
	height: 56px;
	line-height: 28px;
	margin-left: 54px;
	margin-top: 12px;
	overflow: hidden;
}
.detail_3{
	 padding-left: 94px; 
	height: 489px;
	font-weight: bold;
	clear: both;
}
.detail_3 .left{
	width: 394px;
	height: 489px;
	overflow: hidden;
}
.detail_3 .right{
	margin-right: 129px;
}
.detail_3 h1{
	font-size: 14px;
	height: 32px;
	line-height: 32px;
	margin-top: 200px;
	margin-left: 42px;
}
.detail_3 .des{
	margin-top: 18px;
	font-size: 12px;
	width: 328px;
	height: 86px;
	line-height: 28px;
	margin-left: 42px;
}
/*  slide_product*/
.slide_product{
	width: 100%;
	height:310px;
}
.scrollleft li{
	float:left;
	height: 309px;
	width:607px;
	display:inline;	
	overflow: hidden;
}

.footer{
	width: 100%;
	height:248px;
	background: #363b3f;
	color: #fff;
	padding-bottom:20px;
}
.footer a{color:#fff;}
.footer_iner{
	width: 1200px;
	height:248px;
	font-weight: bold;
	margin:0 auto;
	overflow: hidden;
}
.footer_iner .left,.footer_iner .center{
	float: left;
	width: 85px;
	height: 108px;
	padding-top:13px;
}
.footer_iner .center{
	margin-left: 204px;
	padding:0;
	padding-top:13px;
}
.footer_iner .center1{
	margin-left: 216px;
	width: 108px;
}
.footer_iner .right{
	padding-top:13px;
	margin-left: 196px;
	width: 85px;
	padding-bottom: 10px;

}
.footer_iner .bottom{
	clear: both;
	width: 1200px;
	height: 102px;
	overflow: hidden;
	border-top: 2px solid #d7d7d7;
	padding-bottom:20px;
}

.footer_iner  h1{ 
	font-size: 14px;
	height: 35px;
	color:#fff;
}
.footer_iner  p{ 
	font-size: 12px;
	height: 18px;
	line-height: 18px;
}
.footer_iner  .p1{ 
	font-size: 12px;
	height: 28px;
	line-height: 28px;
}
.footer_iner  .p2{ 
	font-size: 12px;
	height: 36px;
	line-height: 36px;
}
.footer_iner  .p3{ 
	font-size: 14px;
	height: 38px;
}

.form-light .span6 {
  width: 700px;
  padding:10px;
  float: left;
}

.form-light .span3 {
  width: 350px;
  padding:10px;
  float: left;
}

.form-light .span4 {
  width: 230px;
  padding:10px;
}
label {
  display: block;
  margin-bottom: 5px;
  font-size: 16px;
}

.btn {
  padding: 5px 12px;
  text-shadow: none;
  background-image: none;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.form-light input,textarea{border: 1px solid #ccc; line-height: 25px; padding: 5px;}

.form-light .btn {
  padding: 7px 12px;
  text-shadow: none;
  background-image: none;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}


.form-light .btn-primary {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  background-color: #498dc8;
  background-image: -moz-linear-gradient(top,#5697d0,#357ebd);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#5697d0),to(#357ebd));
  background-image: -webkit-linear-gradient(top,#5697d0,#357ebd);
  background-image: -o-linear-gradient(top,#5697d0,#357ebd);
  background-image: linear-gradient(to bottom,#5697d0,#357ebd);
  background-repeat: repeat-x;
  border-color: #357ebd #357ebd #245682;
  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5697d0',endColorstr='#ff357ebd',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}